<!DOCTYPE html>

<head>
    <meta charset="utf-8">
    <title>afet.org | Açık Yazılım Ağı</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@afet_org">
    <meta name="twitter:title" content="afet.org">
    <meta name="twitter:image" content="https://afet.org/afetorg.png">
    <meta name="twitter:description"
        content="Afet anında, öncesinde ve sonrasında  kullanılmak üzere bağımsız gönüllüler ile açık kaynak olarak geliştirilen teknolojiler resmi kurumların ve sivil toplum kuruluşların erişimi için afet.org'da.">
    <meta property="og:title" content="afet.org">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://afet.org/">
    <meta property="og:image" content="https://afet.org/afetorg.png">
    <meta property="og:description"
        content="Afet anında, öncesinde ve sonrasında  kullanılmak üzere bağımsız gönüllüler ile açık kaynak olarak geliştirilen teknolojiler resmi kurumların ve sivil toplum kuruluşların erişimi için afet.org'da.">
    <meta property="og:site_name" content="afet.org">
    <meta property="og:locale" content="tr_TR">
    <meta name="description"
        content="Afet anında, öncesinde ve sonrasında  kullanılmak üzere bağımsız gönüllüler ile açık kaynak olarak geliştirilen teknolojiler resmi kurumların ve sivil toplum kuruluşların erişimi için afet.org'da.">
</head>
<script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script>
<link rel="stylesheet" href="style.css">

<body>
    <div class="container">
        <header>
            <div class="logo">
                <img src="/afetorg.png" alt="afet.org" height="340">
            </div>

        </header>

        <div class="light-modes-container">
            <label class="light-modes">
                <input class='toggle-checkbox' type='checkbox' id="language-mode:tr"></input>
                <div class='toggle-slot'>
                    <div class='sun-icon-wrapper'>
                        <div class="iconify moon-icon" data-icon="flag:gb-4x3" data-inline="false"></div>
                    </div>
                    <div class='toggle-button'></div>
                    <div class='moon-icon-wrapper'>
                        <div class="iconify sun-icon" data-icon="flagpack:tr" data-inline="false"></div>
                    </div>
                </div>
            </label>
        </div>

        <div class="field">
            <div class="title">
                Websiteleri
            </div>
            <div class="content-buttons">
                <a href="https://afetharita.com/" class="button">
                    Afet Harita - afetharita.com
                </a>
                <a href="https://depremyardim.com/" class="button">
                    Deprem Yardım - depremyardim.com
                </a>
                <a href="https://afetdestek.org/" class="button">
                    Afet Destek - afetdestek.org
                </a>
                <a href="https://beniyiyim.com/" class="button">
                    Ben İyiyim - beniyiyim.com
                </a>
                <a href="https://afetbilgi.com/" class="button">
                    Afet Bilgi - afetbilgi.com
                </a>
                <a href="https://deprem.io/" class="button">
                    DepremIO - deprem.io
                </a>
                <a href="https://saglik.afetharita.com/" class="button">
                    Afet Sağlık - saglik.afetharita.com
                </a>
            </div>
        </div>
        <div class="field">
            <div class="title">
                Afet.org
            </div>
            <div class="content">
                <p>Afet anında, öncesinde ve sonrasında kullanılmak üzere bağımsız gönüllüler ile açık kaynak olarak
                    geliştirilen teknolojiler resmi kurumların ve sivil toplum kuruluşların erişimi için afet.org'da.
                </p>
            </div>
        </div>
        <div class="field">
            <div class="title">
                Açık Yazılım Ağı (AYA) - <a href="https://twitter.com/acikyazilimagi">@acikyazilimagi</a>
            </div>
            <div class="content">
                Bizler yazılım sektöründe halihazırda profesyonel olarak yer alan gönüllüleriz.

                Kahramanmaraş'ta gerçekleşen ve 10 ili etkileyen deprem sonrası resmi kurumların ve sivil toplum
                kuruluşlarının kullanımına yönelik açık kaynak kodlu teknolojilerin geliştirilmesi için bir araya
                geldik.</br></br>

                Zaten mesleki anlamda çok fazla paylaşımlarda bulunduğumuz sosyal medya ağlarımızdaki çağrımız kısa süre
                içerisinde yankı bularak alanında uzman binlerce profesyonelin gönüllü olarak projeye katılmasını
                sağladı.

                Deprem sonrası hayati önem taşıyan sorunları çözebilecek teknolojileri sunabilmek için AFAD, AHBAP, AKUT
                gibi bir çok resmi kurum ve sivil toplum kuruşu ile irtibatta kaldık ve dış hizmet sağlayıcı olarak
                hareket ettik. Birçok kurumsal firmadan insan ve altyapı desteği aldık.</br></br>

                Şu anda discord sunucumuzda 20,000'i aşkın gönüllü yazılım sektörü çalışanı herhangi bir felaket anında
                uçtan uca saha ekiplerine yardımcı olabilecek bilişim sistemlerini açık kaynaklı olarak geliştiriyorlar.
                Afet anında, öncesinde ve sonrasında kullanılmak üzere resmi kurumların ve sivil toplum kuruluşların
                erişimi için bağımsız gönüllüler ile açık kaynak olarak geliştirilen teknolojilere afet.org adresinden
                ulaşabilirsiniz.
            </div>
        </div>
        <div class="field">
            <div class="title">
                Projelerimiz
            </div>
            <div class="content">
                <ul>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/acikkaynak-website">acikkaynak/acikkaynak-website</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-data">acikkaynak/deprem-yardim-data</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-frontend">acikkaynak/deprem-yardim-frontend</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-backend-go">acikkaynak/deprem-yardim-backend-go</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-whatsapp">acikkaynak/deprem-yardim-whatsapp</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/ben-iyiyim-frontend">acikkaynak/ben-iyiyim-frontend</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-projesi">acikkaynak/deprem-yardim-projesi</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/afet-yardim-twitter-bot">acikkaynak/afet-yardim-twitter-bot</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/yardim-agi-firebase">acikkaynak/yardim-agi-firebase</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/yardim-agi-flutter">acikkaynak/yardim-agi-flutter</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardimi">acikkaynak/deprem-yardimi</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/afet-yardim-telegram-bot">acikkaynak/afet-yardim-telegram-bot</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/afet-yardim-twitch-bot">acikkaynak/afet-yardim-twitch-bot</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-cloud-infra">acikkaynak/deprem-yardim-cloud-infra</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/kayip-cocuk-frontend">acikkaynak/kayip-cocuk-frontend</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/kayip-cocuk-backend">acikkaynak/kayip-cocuk-backend</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-map-iframe">acikkaynak/deprem-yardim-map-iframe</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-io-frontend">acikkaynak/deprem-io-frontend</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-io-backend">acikkaynak/deprem-io-backend</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-links">acikkaynak/deprem-yardim-links</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/depremadres-intent-classification-v0">acikkaynak/depremadres-intent-classification-v0</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/depremadres-reverse-geocoder">acikkaynak/depremadres-reverse-geocoder</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/discord-it-yardim-bot">acikkaynak/discord-it-yardim-bot</a>
                    </li>
                    <li>
                        <a class="link" href="https://github.com/acikkaynak/YardimAGI">acikkaynak/YardimAGI</a>
                    </li>
                    <li>
                        <a class="link" href="https://github.com/acikkaynak/ben-iyiyim">acikkaynak/ben-iyiyim</a>
                    </li>
                    <li>
                        <a class="link" href="https://github.com/acikkaynak/deprem-io">acikkaynak/deprem-io</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/afet-yardim-discord-bot">acikkaynak/afet-yardim-discord-bot</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/deprem-yardim-address-api">acikkaynak/deprem-yardim-address-api</a>
                    </li>
                    <li>
                        <a class="link" href="https://github.com/acikkaynak/eczane-frontend">acikkaynak/eczane-frontend</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/eczane-backend">acikkaynak/eczane-backend</a>
                    </li>
                    <li>
                        <a class="link"
                            href="https://github.com/acikkaynak/eczane-admin-frontend">acikkaynak/eczane-admin-frontend</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="light-modes-container">
            <label class="light-modes">
                <input class='toggle-checkbox' type='checkbox' id="color-mode"></input>
                <div class='toggle-slot'>
                    <div class='sun-icon-wrapper'>
                        <div class="iconify sun-icon" data-icon="feather-sun" data-inline="false"></div>
                    </div>
                    <div class='toggle-button'></div>
                    <div class='moon-icon-wrapper'>
                        <div class="iconify moon-icon" data-icon="feather-moon" data-inline="false"></div>
                    </div>
                </div>
            </label>
        </div>
        <footer>
            © 2023
        </footer>
    </div>
</body>
<script>
    const checkbox = document.getElementById('color-mode');

    checkbox.addEventListener('change', () => {
        toggleDark();
    })
    function toggleDark() {
        const element = document.body;
        element.classList.toggle("body-dark-mode");
        document.querySelectorAll('.button').forEach(function (element) {
            element.classList.toggle("button-dark-mode");
        });
        const logo = document.getElementsByClassName("filter-light")[0];
        logo.classList.toggle("filter-dark");
        document.querySelectorAll('.link').forEach(function (element) {
            element.classList.toggle("link-dark-mode");
        });
    }

    document.addEventListener('DOMContentLoaded', function () {
        const checkboxLan = document.getElementById("language-mode:tr");

        checkboxLan.addEventListener('change', () => {

            if (checkboxLan.id === "language-mode:tr") {
                checkboxLan.id = "language-mode:en";
                setLanguage("en");
            } else {
                checkboxLan.id = "language-mode:tr";
                setLanguage("tr");
            }
        });
    });

    function setLanguage(language) {
        const titles = document.getElementsByClassName("title");
        titles[0].textContent = translation[language].title1;
        titles[3].textContent = translation[language].title4;

        const contents = document.getElementsByClassName("content");
        for (let i = 0; i < contents.length - 1; i++) {
            contents[i].innerHTML = translation[language][`content${i + 1}`].replace(/\n/g, "<br>");
        }
    }

    const translation = {
        en: {
            title1: "Websites",
            title2: "Afet.org",
            title3: "Açık Yazılım Ağı (AYA)",
            title4: "Our Projects",
            content1: "The technologies that are developed independently with volunteers for use  before,during and " +
                "after a disaster are available for access by official institutions and civil society organizations at afet.org.",
            content2: "We are volunteers who are currently professionally involved in the software industry. After the earthquake that " +
                "affected 10 cities in Kahramanmaraş, we came together to develop open-source technologies for the use of official " +
                "institutions and civil society organizations.\n\n" +
                "Our call on social media networks where we already had a lot of professional shares generated an echo in a short time " +
                "and enabled thousands of professionals who are experts in their field to participate in the project as volunteers. After the " +
                "earthquake, we maintained contact with many official institutions such as AFAD, AHBAP, AKUT and acted as an external service provider " +
                "in order to provide technologies that can solve the vital problems.\n\n" +
                "We received human and infrastructure support from many corporate companies. " +
                "Currently, on our discord server, over 20,000 volunteer software industry workers are developing open-source information " +
                "systems that can assist all field teams during any disaster. You can access technologies developed by independent " +
                "volunteers for official institutions and civil society organizations, to be used before, during, and after a disaster, " +
                "at the address afet.org."

        },

        tr: {
            title1: "Websiteleri",
            title2: "Afet.org",
            title3: "Açık Yazılım Ağı (AYA)",
            title4: "Projelerimiz",
            content1: "Afet anında, öncesinde ve sonrasında kullanılmak üzere bağımsız gönüllüler ile açık kaynak olarak geliştirilen " +
                "teknolojiler resmi kurumların ve sivil toplum kuruluşların erişimi için afet.org'da. ",
            content2: "Bizler yazılım sektöründe halihazırda profesyonel olarak yer alan gönüllüleriz. Kahramanmaraş'ta gerçekleşen " +
                "ve 10 ili etkileyen deprem sonrası resmi kurumların ve sivil toplum kuruluşlarının kullanımına yönelik açık kaynak " +
                "kodlu teknolojilerin geliştirilmesi için bir araya geldik.\n\n" +
                "Zaten mesleki anlamda çok fazla paylaşımlarda bulunduğumuz " +
                "sosyal medya ağlarımızdaki çağrımız kısa süre içerisinde yankı bularak alanında uzman binlerce profesyonelin gönüllü olarak " +
                "projeye katılmasını sağladı. Deprem sonrası hayati önem taşıyan sorunları çözebilecek teknolojileri sunabilmek için AFAD, " +
                "AHBAP, AKUT gibi bir çok resmi kurum ve sivil toplum kuruşu ile irtibatta kaldık ve dış hizmet sağlayıcı olarak hareket " +
                "ettik. Birçok kurumsal firmadan insan ve altyapı desteği aldık.\n\n" +
                "Şu anda discord sunucumuzda 20,000'i aşkın gönüllü yazılım " +
                "sektörü çalışanı herhangi bir felaket anında uçtan uca saha ekiplerine yardımcı olabilecek bilişim sistemlerini açık " +
                "kaynaklı olarak geliştiriyorlar. Afet anında, öncesinde ve sonrasında kullanılmak üzere resmi kurumların ve sivil toplum " +
                "kuruluşların erişimi için bağımsız gönüllüler ile açık kaynak olarak geliştirilen teknolojilere " +
                "afet.org adresinden ulaşabilirsiniz."
        }
    }
</script>

</html>
